<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="jquery.mobile-1.2.0.css" />
<link rel="stylesheet" href="rouletteMobile.css" />
<script src="scripts/jquery-1.8.1.min.js"></script>
<script src="scripts/login.js"></script>
<script src="scripts/index.js"></script>
<script src="scripts/jquery.mobile-1.2.0.min.js"></script>
<title>Saxion Roulette Lobby</title>
</head>
<body>

<div data-role="page" id="tablePage">
	<div data-role="header" data-type="horizontal">
		<h2>Saxion Roulette Lobby</h2>
		<a href="#" id="logoutSection" data-role="button" class="ui-btn-right" onclick="logout()" style="display:inline; top: 3px; display:none;">Logout</a>
	</div>
	
	<div id="content" data-role="content">
		<div id="alert">
			
		</div>
		<div id="loggedOn">
			
		</div>
		
		<div id="loginSection">
			<label for="username">Username:</label>
    		<input type="text" name="username" id="username" value=""  />
    		<label for="password">Password:</label>
    		<input type="password" name="password" id="password" value=""  />
    		<input type="button" value="Log in!" onclick="login()" />
		</div>
	
		<div id="rouletteTableList">
			<ul data-role="listview" data-inset="true" >
				<li><a href="table.html?tableId=1" onclick="joinTable(1)" data-transition="slide">Table 1</a></li>
				<li><a href="table.html?tableId=2" onclick="joinTable(2)" data-transition="slide">Table 2</a></li>
				<li><a href="table.html?tableId=3" onclick="joinTable(3)" data-transition="slide">Table 3</a></li>
				<li><a href="table.html?tableId=4" onclick="joinTable(4)" data-transition="slide">Table 4</a></li>
				<li><a href="table.html?tableId=5" onclick="joinTable(5)" data-transition="slide">Table 5</a></li>
				<li><a href="table.html?tableId=6" onclick="joinTable(6)" data-transition="slide">Table 6</a></li>
			</ul>
		</div>	
	</div>
</div>

</body>
</html>